<template>
  <div>
     <!-- 面包屑导航 -->
    <el-breadcrumb separator="/">
        <!-- <el-breadcrumb-item :to="{ path: '/home/index' }">首页</el-breadcrumb-item> -->
        <!-- <template v-if="judge">
          <el-breadcrumb-item v-for="(item,i) in navigation" :key="i" :to="{ path: navigation.to}">{{navigation.title}}</el-breadcrumb-item>
        </template> -->
        <template>
          <el-breadcrumb-item v-for="(item,i) in this.$route.meta.breadcrumbs" :key="i" >{{item}}</el-breadcrumb-item>
        </template>
    </el-breadcrumb>
    <!-- 分割线 -->
    <el-divider></el-divider>
  </div>
</template>

<script>
  export default {
    data(){
        return{
          navigat:'',
          navigation:{
            title:[],
            to:[],
          },
         
          judge:false,
        }
     },
     mounted(){
        this.navigat =this.$route.meta.breadcrumbs
        // if(this.navigat instanceof Object){
        //   for(var k in this.navigat){
        //       this.title.push(k)
        //       this.to.push(this.navigat[k])
        //       this.judge = true
        //   }
        // }
      
     }
  }
</script>

<style lang="scss" scoped>

</style>